<template>
	<el-dialog v-model="props.show" width="500" close-icon="CloseBold" @close="close">
		<template #header>
			<div class="text-#000000 font-bold text-18px">
				确认订单
			</div>
		</template>
		<template #default>
			<div class="mt-20px">
				<div class="flex items-center justify-center pl-40px pr-40px mb-40px">
					<div class="flex flex-col items-center">
						<img src="/transaction/exchange/result-green.svg" alt="" class="w-100px h-100px">
						<p class="mt-10px mb-10px text-#86909C text-16px">成功</p>
						<p class="text-#000000 text-18px">
							<span class="mr-6px">
								0.23252
							</span>
							<span>ETH</span>
						</p>
					</div>
				</div>

				<div class="flex items-center justify-between mb-10px text-16px">
					<p class="text-#86909C">手续费</p>
					<p class="text-#07B175">{{ info.commission }}</p>
				</div>
				<div class="flex items-center justify-between mb-10px text-16px">
					<p class="text-#86909C">支付渠道</p>
					<p class="text-#000000">{{ info.pay }}</p>
				</div>
				<div class="flex items-center justify-between mb-10px text-16px">
					<p class="text-#86909C">类型</p>
					<p class="text-#000000">{{ info.methods }}</p>
				</div>
				<div class="flex items-center justify-between mb-10px text-16px">
					<p class="text-#86909C">兑换汇率</p>
					<div class="text-#000000 flex items-center">
						<span class="mr-4px">{{ info.rate }}</span>
						<img src="/transaction/exchange/change-small.svg" alt="">
					</div>
				</div>
				
				<div class="mt-40px mb-10px">
					<el-button class="w-100% text-18px" type="primary" color="#114CEE" style="height:50px;color:#fff;"
					@click="ok">
						好的
					</el-button>
				</div>
			</div>
		</template>
	</el-dialog>
</template>
<script setup lang="ts">
interface IProps {
	show: boolean;
}

const props = defineProps<IProps>();
const emit = defineEmits(['close','ok']);

const close = () => {
	emit('close', false);
}

const ok = () => {
	emit('ok');
}

// 信息
const info = ref<any>({
	commission: '0手续费',
	pay: '资金账户',
	methods: '市价',
	rate: '1BTC=0.0002323ETH'
})


</script>
<style lang="scss" scoped></style>
